<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('药品信息列表')"/>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
                        <li>
                            <label>药品名称：</label>
                            <input type="text" name="drugName" search="search"/>
                        </li>
                        <li>
                            <label>厂家：</label>
                            <input type="text" name="manufactor" search="search"/>
                        </li>
                        <!--                            <li>-->
                        <!--                                <label>药品别名：</label>-->
                        <!--                                <input type="text" name="drugAlias"/>-->
                        <!--                            </li>-->
                        <li>
                            药品分类：
                            <select name="drugType" id="drugType" th:with="type=${@dict.getType('sys_drug_type')}"
                                    onchange="drugTypeChange()">
                                <option value="">所有</option>
                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                                        th:value="${dict.dictValue}"></option>
                            </select>
                        </li>
                        <li>
                            药品类别：
                            <select name="drugCategory" id="drugCategory">
                                <option value="">所有</option>
                            </select>
                        </li>
                        <!--                            <li>-->
                        <!--                                <label>厂家：</label>-->
                        <!--                                <input type="text" name="manufactor"/>-->
                        <!--                            </li>-->
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                    class="fa fa-search"></i>&nbsp;搜索</a>
                             <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="btn-group-sm" id="toolbar" role="group">
            <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="system:info:add">
                <i class="fa fa-plus"></i> 添加
            </a>
            <!--                <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:info:edit">-->
            <!--                    <i class="fa fa-edit"></i> 修改-->
            <!--                </a>-->
            <!--                <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:info:remove">-->
            <!--                    <i class="fa fa-remove"></i> 删除-->
            <!--                </a>-->
            <!--                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:info:export">-->
            <!--                    <i class="fa fa-download"></i> 导出-->
            <!--                </a>-->
        </div>
        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table"></table>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
<script th:src="@{/js/common.js}"></script>
<script th:inline="javascript">
    var editFlag = [[${@permission.hasPermi('system:info:edit')}]];
    var removeFlag = [[${@permission.hasPermi('system:info:remove')}]];
    var prefix = ctx + "business/drugInfo";
    var datas = [[${@dict.getType('sys_drug_type')}]];
    var business_zsl = [[${@dict.getType('business_zsl')}]];
    var business_fzsl = [[${@dict.getType('business_fzsl')}]];
    var business_qt = [[${@dict.getType('business_qt')}]];
    $(function () {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            exportUrl: prefix + "/export",
            drugInfoOutBoundUrl: prefix + "/drugInfoOutBound/{id}",
            modalName: "药品信息",
            columns: [
                //     {
                //     checkbox: true
                // },
                {
                    field: 'id',
                    title: '主键',
                    visible: false
                },
                {
                    field: 'drugName',
                    title: '药品名称'
                },
                {
                    field: 'drugAlias',
                    title: '药品别名'
                },
                // {
                //     field: 'drugCode',
                //     title: '药品编号'
                // },
                {
                    field: 'drugType',
                    title: '药品分类',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(datas, value);
                    }
                },
                {
                    field: 'drugCategory',
                    title: '药品类别',
                    formatter: function (value, row, index) {
                        var ss = drugCategoryString(value, row);
                        return ss;
                    }
                },
                {
                    field: 'drugSpecs',
                    title: '药品规格'
                },
                {
                    field: 'unitPrice',
                    title: '单价',
                    sortable: true,
                    formatter: function (value, row, index) {
                        return $.table.tooltip(value / 100);
                    }
                },
                {
                    field: 'retailPrice',
                    title: '零售价',
                    sortable: true,
                    formatter: function (value, row, index) {
                        return $.table.tooltip(value / 100);
                    }
                },
                {
                    field: 'stock',
                    title: '库存',
                    sortable: true,
                },
                {
                    field: 'drugCompany',
                    title: '药品单位'
                },
                {
                    field: 'manufactor',
                    title: '厂家'
                },
                {
                    field: 'createTime',
                    title: '创建时间'
                },
                {
                    field: 'userName',
                    title: '创建人'
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
                        actions.push('<a class="btn btn-primary btn-xs ' + '" href="javascript:void(0)" onclick="drugInfoOutBoundFunction(\'' + row.id + '\')"><i class="fa fa-upload"></i> 出库</a>');
                        return actions.join(' ');
                    }
                }]
        };
        $.table.init(options);
    });

    function drugInfoOutBoundFunction(id) {
        $.modal.open("出库", prefix + "/drugInfoOutBound/" + id, 800, 300);
    }

    function drugCategoryString(value, row) {
        var arr = [];
        if ("business_zsl" == row.drugType) {
            arr = business_zsl;
        } else if ("business_fzsl" == row.drugType) {
            arr = business_fzsl;
        } else {
            arr = business_qt;
        }
        var result = "";
        $.each(arr, function (i, val) {
            if (val.dictValue == value) {
                result = val.dictLabel;
                return false;
            }
        });
        return result;
    }

    function drugTypeChange() {
        var drugTypes = $("#drugType").find("option:selected").val();
        var drugCategory = $("#drugCategory");
        drugCategory[0].length = 1;
        if ("" == drugTypes) {
            return;
        }

        var arr = [];
        if ("business_zsl" == drugTypes) {
            arr = business_zsl;
        } else if ("business_fzsl" == drugTypes) {
            arr = business_fzsl;
        } else {
            arr = business_qt;
        }
        $.each(arr, function (i, val) {
            drugCategory.append('<option value="' + val.dictValue + '">' + val.dictLabel + '</option>');
        });
    }

    function mysearch() {
        $.table.search()
    }
</script>
</body>
</html>